﻿/* Default CSS Stylesheet for a new Web Application project */
body
{   
    /* background: #fff url(Images/mainBG.jpg) repeat-x top;*/
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;     
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 0.80em;     
}

.TextBox 
{
    font-size: 1em;   
    vertical-align:middle;
    font-family: Tahoma; /* No sacar! JP */
    border: 1px solid #0099CC;
    padding-left: 2px;    
    margin: 2px 2px 0px 2px;    
    color: #2222AA;
    background-color: #FBFEFF;
    }

.TextBoxMultiline 
{
    font-size: 1em;   
    vertical-align:middle;
    font-family: Tahoma; /* No sacar! JP */
    border: 1px solid #0099CC;
    padding-left: 2px;    
    margin: 2px 2px 0px 2px;    
    color: #2222AA;
    background-color: #FBFEFF;
    width: 351px;
    height:72px;
}

.TextBoxSoloLectura
{
    font-size: 1em;   
    vertical-align:middle;
    font-family: Tahoma; 
    border: 1px solid #696969;
    padding-left: 2px;    
    margin: 2px 2px 0px 2px;    
    color: #3A3A3A;
    background-color: #FBFBFB;
}

.Botones
{
    vertical-align:middle;
    margin-left: 2px;
    margin-right: 2px;
    font-family: Tahoma; /*No sacar! JP*/
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #5481CB;
	height: 24px;
}

.BotonAlt
{
    vertical-align:middle;
    margin-left: 2px;
    margin-right: 2px;
    font-family: Tahoma; /*No sacar! JP*/
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    font-weight: bold;
    /* background-color: Green; */
    background-color:Red;
}


.Calendario input
{
    vertical-align:middle;
    font-family: Tahoma; /* No sacar! JP */
    border: 1px solid #0099CC;
    padding-left: 2px;    
    margin: 2px 2px 0px 2px;    
    color: #2222AA;
    background-color: #FBFEFF;
}

.Titulo1 
{    
    font-size: 1.10em;
    font-weight: bold; 
}

.Titulo0
{   
    font-weight :bold;
}

.LetraChica
{   
    vertical-align:middle;
    font-size: 0.8em;
    color: #A0A0A0;
}

.DivCell
{
    text-align: left; 
    background-color: #FAFAFA;     
    padding: 2px 2px 2px 5px;
    border: 1px solid #E0E0E0;
    margin: 2px 2px 2px 2px;
}

.DivClock
{
    vertical-align:middle;
    font-size: 0.85em;
    color: #2222AA;
}

A:link	{	
	text-decoration: none;
	color: #2222AA; /*#7F69E1;  RoyalBlue; */
	}	
		
A:visited	{	
	text-decoration: none;
	color: #2222AA;	
	}	
		
A:active	{	
	text-decoration: none;
	color:  #EB145D;
	}	
		
A:hover	{	
	text-decoration: underline;
	color:  #EB145D;
	}


.LabelsError {	
	color: #cc0000;
}

.Contador
{
    /* display:inline; */
    text-align: center;
    font-size: 0.8em;   
    /*color: #2222AA; Esto se define en el JS*/
    border: 1px solid #E0E0E0;
    background-color: #FAFAFA;      
    padding-left: 2px;    
    margin: 2px 2px 0px 2px; 
    /* vertical-align: top;*/        
}



/* ======================================================================== */
/* Estilo aplicado a TODAS las grillas! */
/* ======================================================================== */
.mGrid { 
    width: 100%;
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #e0e0e0;  /*border: solid 1px #525252; */
    border-collapse:collapse;     
}

.mGrid td 
{		
    padding: 2px; 
    border-bottom: solid 1px #D0D0D0;    
    color: #000;    
}

.mGrid td a{
	text-decoration:none;
    color: #2222AA; /* #5555DD; */
}

.mGrid td a:hover {	
    text-decoration: underline;
    color:#EB145D; /* #2222AA;  */
}

.mGrid th
{
    background-position: #BFE1FF;
    padding: 2px 2px;
    color: #FFF;
    background: #c0c0c0; /* url(img/grd_head.png) repeat-x top */
}

.mGrid th a {
	color: #fff;
    text-decoration: none;    
}
.mGrid th a:hover {
	color: #fff;
    text-decoration: underline;
}

.mGrid caption { 
    padding:  4px 2px; 
    color: #000; 
    background: #fcfcfc url(../Images/grd_alt.png) repeat-x top;
    font-weight:bold;
}

/*.mGrid .alt { background: #fcfcfc url(img/grd_alt.png) repeat-x top; } */
.mGrid .alt
{
	background-color: #F0F8FF ; /*celestito gay*/
}

.mGrid .alt2
{	
	background-color: #FFFFE5 ; /*AMARILLO*/
}


.mGrid .pgr { background: #d0d0d0; } /*url(img/grd_pgr.png) repeat-x top*/
.mGrid .pgr table { margin: 2px 0; text-align:center; }
.mGrid .pgr td 
{	
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px;     
 }   
.mGrid .pgr a { color: #f0f0f0; text-decoration: none; }
.mGrid .pgr a:hover { color: #fff; text-decoration: underline;}


/* ======================================================================== */
/* Estilo para el menu ppal (master page)*/
/* ======================================================================== */

.tHeader 
{
    width:100%;
    background: #e1e1e1;    
}
.tHeader td
{
    margin: 0px 5px 0px 5px;
}


.tMenuDegrade
{
    width:100%;
    font-weight:normal; 
    height: 46px;
    background: #fcfcfc url(../Images/menuBG.jpg) repeat-x top;    
}

.tMenu
{
    padding: 0px 0px 0px 0px ; 
    margin: 0px 0px 0px 0px;
}
.tMenu td
{
    padding: 0px 5px 0px 5px ; 
    font-size: 12px;             
}
.tMenu img
{
    height: 35px;
}

/* ======================================================================== */
/* Estilo para Tablas de formulario */
/* ======================================================================== */


.tform td 
{   	 
	background-color: #fff; 
    /* border-bottom: dotted 1px #D0D0D0;        */
}

.tform  th { 
    padding: 3px 3px 3px 3px;     
    color: #000;    
    background: #e0e0e0 url(../Images/grd_alt.png) repeat-x top;
    border-bottom: solid 1px #A0A0A0;    
}


.tRes td {         
    border-bottom: dotted 1px #D0D0D0;
}
.tRes th {     
    padding: 3px 3px 3px 3px;         
    background: #f9f9f9 ;
    border-bottom: solid 1px #A0A0A0;   
}

/* ======================================================================== */
/* Estilo para Tabla de login*/
/* ======================================================================== */

.tLogin 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
/*    border: dotted 2px #A0A0A0; */
/*    background: #fafafa; */   
    
}
.tLogin td 
{   	     
    margin: 0px 0px 0px 0px;
    /* border: dotted 1px #A0A0A0; */
}

.tLogin  th  
{   
    margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px; 
    background: #fafafa;
    /* color: #2222AA; */
    font-weight :normal;
    font-size: 1.1em; 
    color : #505050;
    border: 1px solid #f2f2f2;
    /* background: #e0e0e0 url(Images/grd_alt.png) repeat-x top; */
    /* border: solid 1px #A0A0A0;    */
}

/* ======================================================================== */
/* Estilo para Tabla de Tabs*/
/* ======================================================================== */

.tTab
{
    width: 90%;
    background: #f0f0f0 url(../Images/tabDG.jpg) repeat-x top;
    height: 40px;
}
.tTab td
{
    text-align:center;
     width: 20%;   
}

.tTab td a:hover
{
	text-decoration: none;   
	font-weight: bold;
	color: #fff;
}

.tTab td a:active	
{
    text-decoration: none;   
	font-weight: bold;
	color: #fff;
}


.tTab .tSel
{   
    background: #fff url(../Images/tabSelB.jpg) repeat-x top;
}

.tTab .tSel a:hover
{
    font-weight:normal;
	color: #2222AA;
}
/* ======================================================================== */
/* Estilo para Tabla matriz de productos (Memotest)*/
/* ======================================================================== */

.tMatrix 
{
    font-size: 0.9em;   
    padding: 3px 3px 3px 3px;
    margin: 10px 10px 10px 10px;        
    border: solid 1px #909090;
}
.tMatrix td 
{   
    text-align: center;
    padding: 3px 3px 3px 3px;
    border: dotted 1px #A0A0A0;
    background: #F0F8FF; /*#FFFFE5;*/    
}